<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Json和Ajax的复习</title>
		<script src="../JQuery/jquery-3.6.0.min.js"></script>
		<script>
			// Javascript Object Notation   Asynchronous JavaScript and XML
			/* JQuery是js函数库 Json是一种数据传输格式 Ajax是一种是页面局部刷新的技术*/
			$(function() {
				//作为一个字符串，不能随便换行
				var json1 = '{"husband":"金帮嘉诚","wife":"刘亦菲"}';
				console.log(json1);
				//json字符串变为js对象
				console.log(JSON.parse(json1));

				var js1 = [{
					"husband": "jbjc",
					"wife": "lyf"
				}, {
					"husband": "jbjc",
					"wife": "lss"
				}];
				console.log(js1);
				//js对象变为json格式字符串
				console.log(JSON.stringify(js1));

				console.log(json1.length); //字符串长度是字符个数，汉字算一个长度
				console.log(json1.concat('abc')); //拼接和截取都不会改变源字符串
				console.log(json1.substring(3, 6)); //含头不含尾
				
				
				//测试json串能否有函数 否
				var js2={
					"a":"hello",
					b:function(){
						console.log("js2");
					}
				};
				js2.b();
				console.log(JSON.stringify(js2));
				console.log(JSON.parse(JSON.stringify(js2)));
				var json2='{"a":"hello","b":"function(){console.log(js2);}"}';
				console.log(JSON.parse(json2));
				var js_json2=JSON.parse(json2);
				// js_json2.b();错误 b不是函数
				console.log(JSON.stringify(js_json2));
				
				



			})

			// 	$(function() {
			// 		//要注意的点：每条后面一个逗号，不能写分号；
			// 		//连接、data等都要仔细检查不能写错；
			// 		//$.ajax({...})不要忘记ajax前面是.以及小括号套大括号
			// 		//注意固定的方法名属性名等的大小写
			// 		$.ajax({
			// 			type: "post",
			// 			url: "https://p.3.cn/prices/mgets",
			// 			contentType: "application/json;charset=utf-8",
			// 			data: {
			// 				"skuIds": "J_100003717483"
			// 			},
			// 			dataType: "jsonp",
			// 			success: function(data) {
			// 				$('#6_re_p1').text(JSON.stringify(data));
			// 				console.log(JSON.stringify(data));
			// 			},
			// 			error: function(data) {
			// 				alert(JSON.stringify(data));
			// 			}
			// 		})

			// 	})
		</script>

	</head>
	<body>
		<p id="6_re_p1">6_re_p1</p>
		<p id="6_re_p2">6_re_p2</p>
		<p id="6_re_p3">6_re_p3</p>
		<p id="6_re_p4">6_re_p4</p>
		<p id="6_re_p5">6_re_p5</p>
		<p id="6_re_p6">6_re_p6</p>
	</body>
</html>
